<!DOCTYPE html>
<html lang="en">
<head>
		{{template "pc/public/mycss.html" .}}
</head>
<style type="text/css">
	#wrapper{
		background: #f5f5f5!important;
	}
	.header-center{
		background: #fff;
	}
	.user_left{
		background: #fff;
	}
	.fenlei{
		width: 20%;
	}
	
	@media (max-width: 992px){
		.fenlei{
		    width: 100%;
		}
	}
	.orderdetails .ordershop .state-lcol{border-right: 0;padding-bottom: 0}
	.sendmsg{padding: 10px 20px;border-top: 1px solid #ccc}
	.sendmsg h1{padding: 10px 0 !important;line-height: 20px;font-size: 14px;font-weight: 700;}
	.sendmsg img{width: 100%;}
</style>
<body class="common-home res layout-home1">
<div id="wrapper" class="wrapper-full banners-effect-7">
	<!-- Header Container  -->
    {{template "pc/public/head.html" .}}
  	{{template "pc/public/mytop.html" .}}
	<div class="main-container container">
		<div class="row mb-50">
			<!--Left Part Start -->
			{{template "pc/public/myleft.html" .}}
			<!--Middle Part Start-->
			<div id="content" class="col-md-10 col-sm-8 right mt-15">
				<div class="orderdetails">
					<div class="ordershop">
						<div class="state-lcol">
							<!-- <h6>
								<span></span>
								<p>自动取消：10:25:50</p>
							</h6> -->
							{{if eq .order.status "1"}}
							<p>待付款</p>
							{{else if eq .order.status "2"}}
							<p>待发货</p>
							{{else if eq .order.status "3"}}
							<p>待收货</p>
							{{else if eq .order.status "4"}}
							<p>待评论</p>
							{{else if eq .order.status "5"}}
							<p>完结订单</p>
							{{else if eq .order.status "6"}}
							<p>退款订单</p>
							{{end}}
							<!-- <div>
								<a href="">马上支付</a>
								<button>取消订单</button>
							</div> -->
						</div>
						<div class="mt-order-list">
							<ul>
								<li>
									<i></i>
									<span>{{.order.addtime}}</span>
									<b>下单时间</b>
								</li>
								{{if .order.paytime}}
								<li>
									<i></i>
									<span>{{.order.paytime}}</span>
									<b>支付时间</b>
								</li>
								{{end}}
								{{if .order.shippingtime}}
								<li>
									<i></i>
									<span>{{.order.shippingtime}}</span>
									<b>发货时间</b>
								</li>
								{{end}}
								{{if .order.goodtime}}
								<li>
									<i></i>
									<span>{{.order.goodtime}}</span>
									<b>收货时间</b>
								</li>
								{{end}}
							</ul>
						</div>
						<div class="mb" style="display: block;width: 100%;height: 5px;"></div>
					</div>
					<div class="order-wrap">
						<!-- <h1 class="important-tips">
							<span>重要提醒：</span>
							该订单会为您保留24.0小时（从下单之日算起），24.0小时之后如果还未付款，系统将自动取消该订单。
						</h1> -->
						<div class="order-invoice">
							<p class="module-head">订单信息</p>
							<div class="clearfix">
								<div>
									<p class="overpl1"><span>订单编号：</span>{{.order.ordernum}}</p>
									<p class="overpl1"><span>收货人：</span>{{.order.name}}</p>
									<p class="overpl1"><span>收货人号码：</span>{{.order.mobile}}</p>
									<p class="overpl1"><span>收货地址：</span>{{.order.shen}} {{.order.shi}} {{.order.qu}} {{.order.address}}</p>
								</div>
								<div>
									{{if eq .order.invoice "1"}}
									<p class="overpl1"><span>发票：</span>需要</p>
									{{else}}
									<p class="overpl1"><span>发票：</span>不需要</p>
									{{end}}
									{{if ne .order.status "1"}}
									<p class="overpl1"><span>支付方式：</span>
									{{if eq .order.paytype "1"}}
									在线支付
									{{else if eq .order.paytype "2"}}
									微信支付
									{{else}}
									支付宝	
									{{end}}
									</p>
									{{end}}
								</div>
							</div>
						</div>
						<div class="shopcart mt-20" style="padding: 0px 20px;">
							<a href="/shop?id={{.order.gid}}"><p style="line-height: 40px;font-size: 14px;border: 1px solid #eee;padding-left: 10px;
							background: #fafafa"><i class="iconfont">&#xe75f;</i>{{if .order.gname}}{{.order.gname}}{{else}}{{.system.name}}{{end}}</p></a>
							<table id="test_table" border="0" cellpadding="0" cellspacing="0" class="cart_table">
					                <tbody class="cart_head">
					                    <tr class="header">
					                        <th style="width: 450px;">商品信息</th>
					                        <th>单价</th>
					                        <th>数量</th>
					                    </tr>
					                    {{range .order.shopcar}}
					                    <tr>
					                        <td class="tx-l pro_information">
					                            <img src="{{.pathname}}">
					                            <div>
					                                <p class="overpl1 fs-14">{{.title}}</p>
					                                <p class="c-999 overpl2 fs-12">规格 : {{.number}}{{.spec}}/箱<br>型号 : {{.model}}</p>
					                            </div>
					                        </td>
					                        <td class="unit"><b class="hidden">单价:</b>￥ {{.price}}</td>
					                        <td class="num"><b class="hidden">数量:</b>{{if eq .status "3" "4"}}
											{{if eq .num .sendnum}}
											x{{.num}}
											{{else}}
											实发{{.sendnum}}/{{.num}}
											{{end}}
											{{else}}
											x{{.num}}
											{{end}} / {{if eq .spec2 "1"}}件{{else}}箱{{end}}</td>
					                    </tr>
					                    {{end}}
					                </tbody>
					        </table>
					    </div>
					    <div class="price-wrap clearfix">
					        <div class="price-items">
					            <p class="pro-amount price">
					                <label>商品总计：</label>
					                <span class="sn-price"><em>¥</em><strong>{{.order.price}}</strong></span>
					            </p>
					            {{if ne .order.yid "0"}}
					            <p class="pro-amount price">
					                <label>优惠券：</label>
					                <span class="sn-price">一<em>¥</em><strong>{{.order.offer}}</strong></span>
					            </p>
					            {{end}}
					            {{if ne .order.count "0.00"}}
					            <p class="pro-amount price">
					                <label>Vip：</label>
					                <span class="sn-price">一<em>¥</em><strong>{{.order.count}}</strong></span>
					            </p>
					            {{end}}
					            <p class="total-amount price mt-10">
					                <label>实际总额：</label>
					                <span class="sn-price"><em>¥</em><strong>{{.order.money}}</strong></span>
					            </p>
					        </div>
					    </div>
						{{if eq .order.status "3" "4" "5" "6"}}
					    <div class="sendmsg">
				    		<h1>发货信息</h1>
				    		<p>
				                <label>司机姓名：</label>
				                <span>{{.order.drivername}}</span>
				            </p>
				            <p>
				                <label>司机电话：</label>
				                <span>{{.order.drivermobile}}</span>
				            </p>
				            <div><img src="{{.order.pathname}}"></div>
					    </div>
					    {{end}}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Footer Container -->

{{template "pc/public/foot.html" .}}
{{template "pc/public/myfoot.html" .}}
</body>
</html>
<script type="text/javascript">
	var $typeheader = 'header-home1';

	$('.order ul li').click(function() {
		$(this).addClass('on');
		$(this).siblings('li').removeClass('on');
	});
	$(function(){
        $("input[type=button]").click(function(){
	          var txt=$("input[type=text]").val();
	          if($.trim(txt)!=""){
	            $("table tbody:not('.theader')").hide().filter(":contains('"+txt+"')").show();
	        }else{
	            $("table tbody:not('.theader')").css("background","#fff").show();
	        }
 	   });
    })
</script>
